<template>
	<view class="feedback-box">
		<my-top :isline="true" title="意见反馈">
		</my-top>
		<view  class="content">
			<view @click="jump(index)" class="content-item" v-for="(item,index) in list" :key="index">
				<text>{{item.name}}</text>
				<text  :class="item.icon"></text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list: [{
						name: "提交反馈",
						icon: "iconfont todaygengduo"
					},
					{
						name: "反馈记录",
						icon: "iconfont todaygengduo"
					}
				]
			}
		},
		methods: {
			jump(index) {
				switch (index) {
					case 0:
						uni.navigateTo({
							url: "./subFeedBack"
						})
						break;
					case 1:
						uni.navigateTo({
							url: "./subRecord"
						})
						break
				}
			}
		}
	}
</script>

<style scoped lang="scss">
	.content {
		display: flex;
		align-items: center;
		width: 100%;
		padding: 0 32rpx;
		flex-wrap: wrap;
		height: 175rpx;
		background-color: #FFFFFF;

		.content-item {
			width: 100%;
			height: 80rpx;
			// border-bottom: 3rpx dashed #DEDEDE;
			display: flex;
			justify-content: space-between;
			align-items: center;
		}
	}

	.feedback-box {
		width: 100%;
		min-height: 100vh;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: #F8F8F8;
	}
</style>
